.flex {
	display: flex;
}

.flex-row {
	display: flex;
	flex-direction: row;
}

.f-j-b {
	justify-content: space-between;
}

.f-center {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}

.f-row-center {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.f-col-center {
	display: flex;
	justify-content: center;
}

.grey {
	color: #999;
}

.grey1 {
	color: #BEBEBE;
}

.primary {
	color: #469BFF;
}

.success {
	color: #4cd964;
}

.white {
	color: #fff;
}

.s30 {
	font-size: 30px;
}

.s16 {
	font-size: 16px;
}

.s14 {
	font-size: 14px;
}

.s12 {
	font-size: 12px;
}

.f-w {
	font-weight: bold;
}

.p0 {
	padding: 0;
}

.p-b-24 {
	padding-bottom: 24rpx;
}

.p-lr-12 {
	padding-left: 12rpx;
	padding-right: 12rpx;
}

.p-tb-12 {
	padding-top: 12rpx;
	padding-bottom: 12rpx;
}

.p-lr-8 {
	padding-left: 8rpx;
	padding-right: 8rpx;
}

.p-tb-8 {
	padding-top: 8rpx;
	padding-bottom: 8rpx;
}

.p-lr-24 {
	padding-left: 24rpx;
	padding-right: 24rpx;
}

.p-tb-24 {
	padding-top: 24rpx;
	padding-bottom: 24rpx;
}

.p12 {
	padding: 12rpx;
}

.p24 {
	padding: 24rpx;
}

.p36 {
	padding: 36rpx;
}

.bg-priamy {
	background-color: #469BFF;
}

.bg-success {
	background-color: #1DAB52;
}

.bg-white {
	background-color: #fff;
}

.round4 {
	border-radius: 4px;
}

.circle {
	border-radius: 50%;
}

.wh10 {
	width: 10px;
	height: 10px;
}

.border-p {
	border: 1rpx solid #469BFF;
}

.btn-hollow {
	padding: 2rpx 6rpx;
	color: #469BFF;
	font-size: 12px;
	border-radius: 4px;
	border: 1rpx solid #469BFF;
	font-weight: bold;
}